<template>
    <div>
        <slider class="slider"  auto-play="false">
            <div class="frame" v-for="img in imageList">
                <image class="image" :src="img.src"></image>
            </div>
        </slider>
    </div>
</template>
<style scoped>
    .image {
        width: 750px;
        height: 997px;
    }
    .slider {
        width: 750px;
        height: 997px;
        position: relative;
    }
    .frame {
        width: 750px;
        height: 997px;
        position: relative;
    }

</style>
<script>
    export default {
        data () {
            return {
                imageList: [
                    { src: 'http://121.42.150.64:8099/resource/geography/1.jpg'},
                    { src: 'http://121.42.150.64:8099/resource/geography/2.jpg'},
                    { src: 'http://121.42.150.64:8099/resource/geography/3.jpg'},
                    { src: 'http://121.42.150.64:8099/resource/geography/4.jpg'},
                    { src: 'http://121.42.150.64:8099/resource/geography/5.jpg'},
                    { src: 'http://121.42.150.64:8099/resource/geography/6.jpg'},
                    { src: 'http://121.42.150.64:8099/resource/geography/7.jpg'},
                    { src: 'http://121.42.150.64:8099/resource/geography/8.jpg'},
                ]
            }
        }
    }
</script>